<template>


  <div class="app">
    <div class="center-container">
      <MyLogin></MyLogin>
    </div>
  </div>
</template>

<script>
import MyLogin from "@/components/MyLogin";
export default {

  name: 'App',
  components: {MyLogin},
}
</script>

<style>

body {
  height: 100vh;
}
body {
  background: linear-gradient(to bottom, cornflowerblue 50%, #ccc 50%);
}

.app {
  display: flex;
  justify-content: center; /* 左右居中 */
  align-items: center; /* 上下居中 */
  height: 100vh; /* 设置高度为视窗的高度 */
}

.center-container {
  display: flex;
  justify-content: center; /* 左右居中 */
  align-items: center; /* 上下居中 */
}

</style>
